<template>
    <view class="bg-[#EAEAEA] min-h-screen">
        <view class="h-[10rpx]"></view>
        <view class="bg-white px-[40rpx] pt-[20rpx] pb-[60rpx] ">
            <view class="pb-[20rpx]">
                <view class="text-center">项目课程数据统计</view>
                <view class="mt-[30rpx] flex items-center"><text>学校：</text>
                    <view class="flex w-[75vw] justify-between border-b border-[#D8D8D8]"><text
                            class="ml-[30rpx]">全部</text><u-icon name="arrow-down" color="#3F3F3F" size="18"></u-icon>
                    </view>
                </view>
                <view class="mt-[30rpx] flex items-center"><text>项目：</text>
                    <view class="flex w-[75vw] justify-between border-b border-[#D8D8D8]"><text
                            class="ml-[30rpx]">全部</text><u-icon name="arrow-down" color="#3F3F3F" size="18"></u-icon>
                    </view>
                </view>


                
            </view>
            <view @click="navigateTo('/pages/projectCourse/communityCorrespondenceTable')" class="ml-[40rpx] px-[30rpx] border border-[#979797] inline-block mt-[30rpx]">
                <view>社区代码对应表（纵轴）</view>
                <view>时区代码对应表（横轴）</view>
            </view>
            <view class="ml-[100rpx] flex mt-[30rpx] justify-between items-center">
                <view class="flex items-center">
                    <view class="flex items-center mr-[30rpx]"><view class="bg-[#1F8112] w-[28rpx] h-[28rpx] rounded-full "></view>已完成</view>
                    <view class="flex items-center"><view class="bg-[#FFA812] w-[28rpx] h-[28rpx] rounded-full"></view>课程</view>
                </view>
                    <view class="flex items-center"><view class="bg-[#1F8112] w-[22rpx] h-[22rpx] rounded-full"></view>28/<view class="bg-[#FFA812] w-[28rpx] h-[28rpx] rounded-full"></view>180</view>
            </view>
          
        </view>
    </view>
</template>
<script setup>
const navigateTo = (url) => {
  uni.navigateTo({
    url
  })
}
</script>